<!--
 * @Description:预配套弹窗
 * @Autor: 商晓彬
 * @Date: 2021-06-23 12:09:31
 * @LastEditors: 商晓彬
 * @LastEditTime: 2021-12-23 17:07:26
-->
<div bsModal #createOrEditModal="bs-modal" (onShown)="onShown()" class="son modal fade" tabindex="-1" role="dialog"
    aria-labelledby="createOrEditModal" aria-hidden="true" [config]="{backdrop: 'static', keyboard: !saving}">
    <div style="width:1880px!important;margin: 1.75rem auto;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">
                    <span>预配套查询</span>
                </h4>
                <button type="button" class="close" (click)="close()" [attr.aria-label]="l('Close')">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="form-group" style="display: flex;">
                    <!-- <label for="materialCode" style="margin-top: 7px;margin-left: 40px;">*型号：</label>
                    <input style="width: 300px;margin-left: 10px;" readonly id="materialCode" #modelInput="ngModel"
                        type="text" name="materialCode" class="form-control" [(ngModel)]="model" maxlength="256" />
                    <label for="materialname" style="margin-top: 7px;margin-left: 50px;">*发次：</label>
                    <input style="width: 300px;margin-left: 10px;" readonly id="materialname" #lotNoInput="ngModel"
                        type="text" name="materialname" class="form-control" [(ngModel)]="sendTime" maxlength="256" />
                    <label for="modelName" style="margin-top: 7px;margin-left: 50px;">*芯级：</label>
                    <input style="width: 300px;margin-left: 10px;" readonly id="model" #modelNameInput="ngModel"
                        type="text" name="model" class="form-control" [(ngModel)]="xjName" maxlength="256" /> -->
                    <!-- <button style="margin-left: 20px;" pButton type="button" label="查询"
                            (click)="getTableList()"></button>
                            <button style="margin-left: 20px;" pButton type="button" label="重置"
                            (click)="resert()"></button> -->
                </div>
                <div class="row align-items-center" style="margin-top: 25px;">
                    <div class="primeng-datatable-container">
                        <p-table [value]="rowData" [paginator]="false" [lazy]="true" [scrollable]="true"
                            ScrollWidth="100%">
                            <ng-template pTemplate="header" selectionMode="multiple">
                                <tr>
                                    <th style="width: 50px">序号</th>
                                    <th style="width: 150px">图号</th>
                                    <th style="width: 150px">物料名称</th>
                                    <th style="width: 150px">规格</th>
                                    <th style="width: 150px">物料类别</th>
                                    <th style="width: 150px">细类</th>
                                    <th style="width: 150px">单位</th>
                                    <th style="width: 150px">芯级用量</th>
                                    <th style="width: 150px">预配套数量</th>
                                    <th style="width: 150px">预配套调整数</th>
                                    <th style="width: 150px">缺料数量</th>
                                    <th style="width: 150px">预配套状态</th>
                                </tr>
                            </ng-template>
                            <ng-template pTemplate="body" let-record="$implicit" let-rowIndex="rowIndex">
                                <tr>
                                    <td style="width: 50px">{{rowIndex+1}}</td>
                                    <td style="width: 150px">{{record.materialNo}}</td>
                                    <td style="width: 150px">{{record.materialName}}</td>
                                    <td style="width: 150px">{{record.module}}</td>
                                    <td style="width: 150px">{{record.materialTypeName}}</td>
                                    <td style="width: 150px">{{record.materialCategoryName}}</td>
                                    <td style="width: 150px">{{record.unitName}}</td>
                                    <td style="width: 150px">{{record.bomDosageTotalAmount}}</td>
                                    <td style="width: 150px">{{record.preSuiteStock}}</td>
                                    <td style="width: 150px">{{record.completeAdjust}}</td>
                                    <td style="width: 150px">{{record.starvingStock}}</td>
                                    <td style="width: 150px">{{record.preSuiteStatusName}}</td>
                                </tr>
                            </ng-template>
                        </p-table>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>